<template>
	<view>
		<NavBar text='视频咨询' />
		<view
			style="margin-top: 60px;height: 89px;border-bottom: 2px solid #dee0df;display: flex;justify-content: space-between;">
			<view>
				<p style="font-weight: bold;font-size: 18px;padding: 20px;">患者病历</p>
			</view>
			<view style="display: flex;justify-content: space-between;margin-top: 40px;width: 138px;">
				<view>
					<view style="display: flex;flex-direction: column;color: #607f8a;">
						<span>02月19日</span>
						<span style="font-size: 12px;margin-left: 10px;">当前问诊</span>
					</view>
					<view style="width: 18px;height: 3px;background-color: #545d8e;margin-left: 25px;margin-top: 10px;">
					</view>
				</view>
				<view style="width: 41px;height: 41px;border: 2px solid #d4dada;
				border-radius: 5px;
				background-color: #f3f7fa;color: #64737f;
				font-size: 14px;text-align: center;margin-right: 10px;
				">
					<span>全部资料</span>
				</view>
			</view>

		</view>
		<view>
			<view style="display: flex;justify-content: flex-start;">
				<view style="width: 5px;height: 19px;background-color: #466ce7;
				margin-top: 10px;
				border-top-right-radius: 5px;border-bottom-right-radius: 5px;">

				</view>
				<p
					style="font-weight: bold;margin-left: 10px;border-bottom: 1px solid #d4dada;width: 350px;padding-bottom: 20px;padding-top: 10px;">
					患者病情</p>
			</view>
			<view style="display: flex;">
				<view style="width: 2px;height: 16px;background-color: #4169cb;margin-left: 10px;margin-top: 20px;">
				</view>
				<span style="color: #2a4867;margin-top: 15px;margin-left: 10px;font-weight: bold;">患者提交的信息</span>
			</view>
			<view>
				<view>
					<p style="margin-top: 15px;margin-left: 20px;font-weight: bold;font-size: 12px;">
						疾病描述:
					</p>
					<p style="margin-top: 8px;margin-left: 20px;font-size: 12px;">
						Ct发现肺部有多个结节，麻烦大夫给我看看是否需要做手术或采取进一步的治疗措施
					</p>
				</view>
				<view>
					<p style="margin-top: 15px;margin-left: 20px;font-weight: bold;font-size: 12px;">
						疾病:
					</p>
					<p style="margin-top: 8px;margin-left: 20px;font-size: 12px;">
						肺部结节
					</p>
				</view>
				<view>
					<p style="margin-top: 15px;margin-left: 20px;font-weight: bold;font-size: 12px;">
						已就诊医院科室:
					</p>
					<p style="margin-top: 8px;margin-left: 20px;font-size: 12px;">
						无 无
					</p>
				</view>
				<view>
					<p style="margin-top: 15px;margin-left: 20px;font-weight: bold;font-size: 12px;">
						图片资料(4):
					</p>
					<view
						style="display: flex;justify-content: space-between;margin-left: 20px;margin-right: 80px;margin-top: 10px;">
						<image src="@/static/me/Snipaste_2023-05-16_17-15-16.png" style="width: 42px;height: 46px;">
						</image>
						<image src="@/static/me/Snipaste_2023-05-16_17-15-27.png" style="width: 42px;height: 46px;">
						</image>
						<image src="@/static/me/Snipaste_2023-05-16_17-15-37.png" style="width: 42px;height: 46px;">
						</image>
						<image src="@/static/me/Snipaste_2023-05-16_17-15-43.png" style="width: 42px;height: 46px;">
						</image>
					</view>

				</view>
				<view>
					<p style="margin-top: 15px;margin-left: 20px;font-weight: bold;font-size: 12px;">
						就诊目的
					</p>
					<p style="margin-top: 8px;margin-left: 20px;font-size: 12px;">
						已检查过，寻求医生治疗意见
					</p>
				</view>
				<view>
					<p style="margin-top: 15px;margin-left: 20px;font-weight: bold;font-size: 12px;">
						就诊时间
					</p>
					<p style="margin-top: 8px;margin-left: 20px;font-size: 12px;">
						2021-02-25 08:00:00
					</p>
				</view>


			</view>
		</view>
		<view style="background-color: #f7f7f7;height: 20px;"></view>
		<view style="height: 166px;border: 1px solid #e4e4e4;">
			<p style="border-bottom: 1px solid #e4e4e4;margin: 10px;padding: 10px;font-size: 14px;">问诊结果</p>
			<p style="padding: 20px;font-size: 14px;">
				医生反馈得结果在这显示
			</p>
		</view>
		<view style="background-color: #f7f7f7;height: 20px;"></view>
		<view style="height: 166px;border: 1px solid #e4e4e4;">
			<p style="border-bottom: 1px solid #e4e4e4;margin: 10px;padding: 10px;font-size: 14px;">电子处方</p>
			<image src="@/static/me/Snipaste_2023-05-16_17-35-08.png" style="width: 100vw;height: 133px;"></image>
			<view style="display: flex;">
				<p style="font-size: 14px;margin-left: 10px;margin-top: 3px;">是否过敏</p>
				<uni-data-checkbox v-model="radio1" :localdata="allergic" style="margin-left: 40px;"></uni-data-checkbox>
			</view>

		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data() {
			return {
				radio1: 0,
				allergic: [{
					text: '过敏',
					value: 0
				}, {
					text: '不过敏',
					value: 1
				}],
			}
		},

	}
</script>

<style scoped>

</style>